<template>
  <div>
    <input
      type="text"
      v-model='name'
    >
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  data() {
    return {
      name: "珠峰",
      age: 13,
    };
  },
  beforeCreate() {
    // 获取不到data中数据  三方插件会用到
  },
  created() {
    // 第一个可以获取到data中数据的钩子
    // 一般用于  ajax请求
    setTimeout(() => {
      this.age++;
      console.log(this.age);
    }, 5000);
  },
  beforeMount() {},
  mounted() {},
  beforeUpdate() {
    console.log("beforeUpdate");
  },
  updated() {
    // dom更新完成之后
    // 不要修改数据  容易死递归
    console.log("updated");
  },
  beforeDestroy() {
    // 一般用来做一些事件的清除 或者 定时器的清除
    // 组件销毁不代表数据整个清空 值是切断了上香绑定
  },
  destroyed() {},
};
</script>
<style lang="less">
</style>